<html>
     <head>

         <script type="text/javascript" src="jquery.js"></script>
         <script type="text/javascript" src="login.js"></script>


         <style type="text/css">
              body { font-family: Arial,sans-serif; color: #444; padding: 20px; }
              label {  float: left; margin: 13px 0 0 7px; text-align:left; color: red; width:108px; font-size: 13px; font-weight: 500; letter-spacing: -1px; }
              .la { float: left; margin: 13px 0 0 0; text-align:right; color: #444; width:108px; font-size: 13px; font-weight: 500; letter-spacing: -1px; }
              input { font-family: Arial,sans-ser9; float: left; margin: 10px 0 0 8px; padding: 3px; font-size: 13px; height: 19px; border: solid 1px gray; }
              .boton { display: block; font-family: Arial,sans-serif; text-align: center; font-size: 13px; padding: 5px 8px 5px 8px; background: #EEE; color: #222; margin: 10px 0 0 200px; vertical-align: middle; height: auto;}
              #formaMensaje { font-size:12px; text-align:left; padding: 0 0 0 250px; margin: 15px 0 15px 0; }
              .clear{clear:both;}

              #cont{}
              .izquierda{float:left;width:40%;margin: 0 10px 0 0;z-index:2;}
              .derecha{float:right;width:33%;}
              #resultado{border:solid 1px gray;padding:20px;font-size:14px; font-weight: 600; display: none;}
              #htmlStatus{position:fixed;top:0;left:0;padding: 10px 30px 10px 30px;font-size:12px;background:#B4DE89;border:solid 3px #7C995E;font-weight:600;letter-spacing:-1px;color:#333;}
              #resultadoLogin{border:solid 2px #7C995E;padding:20px;font-weight:600;color:#465635;background:white;display:none;}
              #notifVerde{ width:100%;  background-color:#cfc;  color:#051;  z-index:300;  text-align:center;  position:fixed;  top:0px;  left:0px;  padding:30px 0px;  font-family:Arial,serif;  font-size:18px;  display:none}
              #notifRojo{ width:100%;  background-color:#fcc;  color:#510;  z-index:300;  text-align:center;  position:fixed;  top:0px;  left:0px;  padding:30px 0px;  font-family:Arial,serif;  font-size:18px;  display:none}
        </style>      
    </head>

    <body>

    <div class="izquierda">
        <form id="ingreso" name="ingreso" method="post" action="">
            <h1>Entrar al sistema</h1>
            <fieldset>
                
                <label class="la">Usuario:</label><input id="usuario" type="text" name="login_usuario"></input><div class="clear"></div>
                <label id="notifusuario" class="la"></label><div class="clear"></div>
                <label class="la">Contrase&ntilde;a:</label><input id="contrasena" type="password" name="login_pass"></input><div class="clear"></div>
                <input type="submit" class="boton" value="ingresar" id="ingresar"></input>
            </fieldset>
        </form>
        <div id="resultadoLogin"></div>
    </div>
    <div class="clear"></div>
       
    </body>
</html>
